<template>
  <section id="register-company">
    <section class="banner">
      <div class="title">
        <div class="tip">
          <p>不成功</p>
          <p>退全款</p>
        </div>
        <h1>开公司免费核名</h1>
      </div>
      <h2>人工查询注册，成功率高</h2>
      <get-more type="2"></get-more>
    </section>
    <section class="intro">
      <div class="item" v-for="item in intro_list" :key="item.title">
        <div class="icon-bar">
          <img :src="item.img_url">
        </div>
        <h3>{{ item.title }}</h3>
        <p v-for="t in item.tips" :key="t">{{ t }}</p>
      </div>
    </section>
    <section class="middle">
      <h2>为什么选择我们</h2>
      <div class="choose">
        <div class="item vs">
          <p>金算盘办理</p>
          <div class="line-bar">
            <div class="dot"><span>VS</span></div>
            <div class="line"></div>
          </div>
          <p>自己办理</p>
        </div>
        <div class="item" v-for="(item, index) in choose_list" :key="item.title">
          <p>{{ item.tips[0] }}</p>
          <div class="line-bar">
            <div class="line"></div>
            <div class="dot">{{ item.title }}</div>
            <div class="line" v-if="index + 1 !== choose_list.length"></div>
          </div>
          <p>{{ item.tips[1] }}</p>
        </div>
      </div>
      <h2>服务更详细，开公司更轻松</h2>
      <div class="table">
        <table>
          <tr>
            <td colspan="2">服务说明</td>
          </tr>
          <tr v-for="n in Math.ceil(table_list.length/2)" :key="n">
            <td>
              <span>{{ n }}</span>
              <h4>{{ table_list[n-1].title }}</h4>
              <p>{{ table_list[n-1].tips }}</p>
            </td>
            <td v-if="n + Math.ceil(table_list.length/2) <= table_list.length">
              <span>{{ n + Math.ceil(table_list.length/2) }}</span>
              <h4>{{ table_list[n + Math.ceil(table_list.length/2) - 1].title }}</h4>
              <p>{{ table_list[n + Math.ceil(table_list.length/2) - 1].tips }}</p>
            </td>
          </tr>
          <tr>
            <td colspan="2">注：服务内容和价格或因地区，政策不同有所区别，具体请联系当地财税顾问。</td>
          </tr>
        </table>
      </div>
      <button @click="getPrice">免费获取报价</button>
    </section>
    <section class="process">
      <h2>财税公司注册流程</h2>
      <template v-for="(item, index) in process_list">
        <div class="item" :key="item.title">
          <div class="img-bar">
            <img :src="item.img_url">
          </div>
          <h3>{{ item.title }}</h3>
          <div class="item-child" v-for="t in item.child" :key="t.title">
            <div class="below-arrow"></div>
            <div class="img-bar">
              <img :src="t.img_url">
            </div>
            <h3>{{ t.title }}</h3>
          </div>
        </div>
        <div class="right-arrow" v-if="index + 1 !== process_list.length" :key="item.title"></div>
      </template>
    </section>
    <faq :list="FAQ_list"></faq>
    <contract-us></contract-us>
  </section>
</template>

<script>
  /**
   * @Author: lifuzhao
   * @Date: 2019-05-07
   * @Project: eabax
   */
  import '../assets/less/register-company.less'
  import getMore from '../components/get-more'
  import contractUs from '~/components/contract-us.vue'
  import faq from '~/components/faq.vue'
  import Bus from '../components/event-bus'
  export default {
    name: 'register-company',
    layout: 'common',
    components: {
      getMore,
      contractUs,
      faq
    },
    data () {
      return {
        intro_list: [
          {
            img_url: require('../assets/images/register-company-intro-1.png'),
            title: '免费查询',
            tips: ['轻轻一点即可', '查询结果不产生费用']
          },
          {
            img_url: require('../assets/images/register-company-intro-2.png'),
            title: '人工查询',
            tips: ['结果更精准', '注册成功率更高']
          },
          {
            img_url: require('../assets/images/register-company-intro-3.png'),
            title: '急速响应',
            tips: ['提交申请后，', '30分钟内告知查询结果']
          },
        ],
        choose_list: [
          {
            title: '效率',
            tips: ['快至3个工作日领证', '15-60个工作日不等']
          },
          {
            title: '服务',
            tips: ['资深会计团队全程服务', '无专业人士咨询帮忙']
          },
          {
            title: '价格',
            tips: ['收费价格透明合理', '隐性消费不便宜']
          },
          {
            title: '查询',
            tips: ['手机随时查看进度', '注册流程不可控']
          },
          {
            title: '地址',
            tips: ['无需地址即可注册', '注册地址门槛高']
          },
          {
            title: '保障',
            tips: ['注册不成功退全款', '注册结果无保障']
          },
        ],
        table_list: [
          {
            title: '核名',
            tips: '公司名字确定'
          },
          {
            title: '公司执照代办',
            tips: '工商营业执照办理'
          },
          {
            title: '代账服务一年',
            tips: '代理记账、报税（一年）'
          },
          {
            title: '工商年检',
            tips: '企业信息相关报表填写'
          },
          {
            title: '税务年报',
            tips: '资产负债表、利润表、年度所得税汇算清缴相关表格等'
          },
          {
            title: '法人章',
            tips: '篆刻印章'
          },
          {
            title: '公司章',
            tips: '篆刻印章'
          },
          {
            title: '财务章',
            tips: '篆刻印章'
          },
          {
            title: '国地税报到',
            tips: '税种认定'
          },
          {
            title: '银行开户（工商或者招商）',
            tips: '公司对公账户开设'
          },
          {
            title: '开票软件',
            tips: '购买金税盘、办理发票领购簿'
          },
          {
            title: '发票章',
            tips: '篆刻印章'
          },{
            title: '开票软件代管',
            tips: '领购发票、代开增值税普票'
          },
          {
            title: '地址托管',
            tips: '注册地址托管'
          },

        ],
        process_list: [
          {
            img_url: require('../assets/images/register-company-process-1.png'),
            title: '开始合作',
            child: []
          },
          {
            img_url: require('../assets/images/register-company-process-2.png'),
            title: '核名通知书',
            child: []
          },
          {
            img_url: require('../assets/images/register-company-process-3.png'),
            title: '工商注册',
            child: []
          },
          {
            img_url: require('../assets/images/register-company-process-4.png'),
            title: '刻章',
            child: [
              {
                img_url: require('../assets/images/register-company-process-4-1.png'),
                title: '银行开户'
              },
            ]
          },
          {
            img_url: require('../assets/images/register-company-process-5.png'),
            title: '国地税报到',
            child: [
              {
                img_url: require('../assets/images/register-company-process-5-1.png'),
                title: '开票软件代买'
              },
              {
                img_url: require('../assets/images/register-company-process-5-2.png'),
                title: '开票服务'
              },
            ]
          },
          {
            img_url: require('../assets/images/register-company-process-6.png'),
            title: '次月开始代账',
            child: []
          },
        ],
        FAQ_list: [
          {
            q: '公司注册需要准备哪些资料？',
            a: '提供备选名称3-5个，股东和监事的身份证正反面，详细注册地址，经验范围，注册资本数额等。'
          },
          {
            q: '公司注册一般多久可以领证？',
            a: '本公司代理注册 1 天即可领证。'
          },
        ],
      }
    },
    methods: {
      getPrice(){
        Bus.$emit('get-more', {
          type: '2'
        })
      }
    }
  }
</script>
